<style type="text/css">
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 4px !important;
    }

    .bg-danger {
        color: red;
        font-weight: 600;
    }
</style>

<form class="well form-search form-inline" method="post" action="">
    <div class="form-group">
        <label>单位工程名称</label>
        <select class="sheetType form-control">
            <foreach name="options" item="vo">
                <option value="{$key}" <if condition="$vo['position_name'] eq $sheet">selected</if>>{$vo.position_name}</option>
            </foreach>
        </select>
    </div>
</form>
<table class="table table-hover table-bordered">
    <thead>
        <tr>
            <th colspan="12" style="font-size:20px;">
                <if condition="$type == 1">
                    表1-3-C 技术措施项目清单及计价表
                    <else />
                    表1-2  分部分项工程量清单及计价表(  号清单)
                </if>
            </th>
        </tr>
        <tr class="header">
            <th rowspan="2" style="width: 40px">序号</th>
            <th rowspan="2" style="width: 90px">项目编码</th>
            <th rowspan="2" style="width: 70px">项目名称</th>
            <th rowspan="2">项目特征描述</th>
            <th rowspan="2" style="width: 60px">计量单位</th>
            <th rowspan="2" style="width: 60px">清单工程量</th>
            <th rowspan="2" style="width: 70px">上报完成工程量</th>
            <th rowspan="2" style="width: 80px">至上月累计完成工程量</th>
            <th rowspan="2" style="width: 70px">监理审核工程量</th>
            <th rowspan="2" style="width: 70px">综合单价(元)</th>
            <th colspan="2">合价(元)</th>
        </tr>
        <tr>
            <th style="width: 80px">申报合价</th>
            <th style="width: 80px">监理审核</th>
        </tr>
    </thead>
    <tbody>
        <foreach name="results" item="vo">
            <tr name="{$vo.id}">
                <td>{$vo.order_id}</td>
                <td>{$vo.item_code}</td>
                <td>{$vo.item_name}</td>
                <td>{$vo.item_description}</td>
                <td>{$vo.measurement_unit}</td>
                <td>{$vo.inventory_workload}</td>

                <php>
                    $total = $vo['complete_workload']+$vo['last_month_accumulated_workload'];
                </php>
                <if condition="$vo['approved_workload'] neq ''">
                    <if condition="$vo['inventory_workload'] egt $total ">
                        <td class="complete " title="鼠标点击可进行数值修改" name="{$vo.id}">{$vo.complete_workload}</td>
                        <else />
                        <td class="complete bg-danger" name="{$vo.id}">{$vo.complete_workload}</td>
                    </if>
                    <else />
                    <td>{$vo.complete_workload}</td>
                </if>

                <td>{$vo.last_month_accumulated_workload}</td>
                <if condition="$vo['approved_workload'] neq ''">
                    <td class="approved">{$vo.approved_workload}</td>
                    <else />
                    <td>{$vo.approved_workload}</td>
                </if>
                <td>{$vo.unit_price}</td>
                <td>{$vo.complete_total_value}</td>
                <td>{$vo.approved_workload_total_value}</td>
            </tr>
        </foreach>
    </tbody>
</table>
<script type="text/javascript">
    $(document).ready(function(e) {
        // 切换页签
        $(".sheetType").change(function(){
            $(".showContent").load("{:U('PaymentReview/technicalview', array('id'=>I('request.id/s','')))}&type=" + $(".exceltype").val() + "&sheet=" + $(".sheetType").val());
        });
        <if condition="I('request.isAudit/s','') eq 2 AND I('request.level/s','') eq 3">
        var type = 2;
        // 监理经办人修改
        $(document).on("click",".approved",function(){
            
            if($(this).find("input").val() == undefined){
                var value = $(this).html();
                $(this).html("<input type=\"text\" data-original='"+value+"' class='intval' style='width:"+$(this).width()+"px;' \>");
                $(".intval").focus();
                $(".intval").val(value);
            }
        });
        </if>
        <if condition="session('deptid') eq I('request.deptId/s', '') AND I('request.level/s','') eq 2">
        var type = 1;
        // 施工经办人修改
        $(document).on("click",".complete",function(){
            
            if($(this).find("input").val() == undefined){
                var value = $(this).html();
                $(this).html("<input type=\"text\" data-original='"+value+"' class='intval' style='width:"+$(this).width()+"px;' \>");
                $(".intval").focus();
                $(".intval").val(value);
            }
        });
        </if>
        // 失去光标 修改后台数据
        $(document).on("blur", ".intval", function(){
            $tr = $(this).closest("tr");
            var value = $(this).val() == '' ? 0.00 : $(this).val();
            // 修改监理审核合价
            var qd = parseFloat($tr.find("td:eq(5)").html());
            var hj = parseFloat($tr.find("td:eq(7)").html())+parseFloat(value);
            if(hj>qd){
                if(confirm("当前上报的工程量已经超出了超出了清单量，是否继续？")){
                    $(this).parent().addClass("bg-danger");
                    $(this).closest("td").html(value);
                }
                else{
                    $(this).closest("td").html($(this).attr("data-original"));
                }
                return false;
            }
            else{

                $(this).parent().removeClass("bg-danger");
                var price = parseFloat($tr.find("td:eq(9)").html());
                var total = (parseFloat(value) * price).toFixed(2);
                // 修改后赋值
                $(this).closest("td").html(value);
                // 计算审核总价
                if(type == 2){
                    $tr.find("td:eq(11)").html(total);
                } else {
                    $tr.find("td:eq(10)").html(total);
                }

                // 修改数据数据
                $.ajax({
                    url		: "{:U('PaymentReview/technical_post')}",
                    type	: "post",
                    dataType: "json",
                    data	: {'type': type, 'id': $tr.attr("name"), 'value': value, 'total': total},
                    success : function(){
                        //$(".intval").val(value);
                    },
                    error	: function(){
                        alert("服务器内部错误，请联系系统管理员");
                    }
                });

                // 计算总和
                getTotal(type);
            }
        });

        // 计算总和
        getTotal = function(ptype){
            var total = 0;
            var length = $("tbody > tr").length;
            $("tbody > tr").each(function(i){
                if(i == length - 1){
                    return false;
                }
                if(ptype == 1){
                    total += parseFloat($(this).find("td:eq(10)").html());
                } else {
                    total += parseFloat($(this).find("td:eq(11)").html());
                }
            });
            var obj = $("tbody > tr:eq("+ (length - 1) +")");
            if(ptype == 1){
                obj.find("td:eq(10)").html(total.toFixed(2));
            } else {
                obj.find("td:eq(11)").html(total.toFixed(2));
            }
            // 修改数据数据
            $.ajax({
                url		: "{:U('PaymentReview/technical_post')}",
                type	: "post",
                dataType: "json",
                data	: {'type': (ptype == 1 ? 3 : 4), 'id': obj.attr("name"), 'total': total},
                success : function(){
                    //$(".intval").val(value);
                },
                error	: function(){
                    alert("服务器内部错误，请联系系统管理员");
                }
            });
        }
    });
</script>